home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Image & Music Effects / graphs-it.izs < prev    next >
Text File  |  2005-07-30  |  4KB  |  169 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>JavaScript Graph-it!
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Create graphs out of raw data using Graph It! Just input the name/value pairs of the involved graph elements, and leave the rest to the script. The values can be either absolute or percentage (using two versions of script).
  7. <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>img and music effects<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13. What is your favorite news site?
  14.  
  15. <script language="JavaScript1.2">
  16.  
  17. var graphimage="poll.gif"
  18.  
  19. //DEFINE GRAPH VALUES [Item name, absolute value]
  20. var graphx=new Array()
  21. graphx[0]=["CNN",60]
  22. graphx[1]=["MSNBC",75]
  23. graphx[2]=["ABC News",24]
  24. graphx[3]=["BBC News",52]
  25.  
  26. //YOU CAN DEFINE MULTIPLE GRAPHS, eg:
  27. //var graphy=new Array()
  28.  
  29.  
  30. function graphit(g,gwidth){
  31. total=0
  32. for (i=0;i<g.length;i++)
  33. total+=parseInt(g[i][1])
  34.  
  35. output='<table border="0" cellspacing="0" cellpadding="0">'
  36. for (i=0;i<g.length;i++){
  37. calpercentage=Math.round(g[i][1]*100/total)
  38. calwidth=Math.round(gwidth*(calpercentage/100))
  39. output+='<tr><td>'+g[i][0]+' </td><td><img src="'+graphimage+'" width="'+calwidth+'" height="10"> '+calpercentage+'%</td></tr>'
  40. }
  41. output+='</table>'
  42. document.write(output+'<br>Total participants: <b>'+total+'</b>')
  43. }
  44.  
  45. //CALL GRAPHIT FUNCTION
  46. //graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
  47. graphit(graphx,200)
  48. </script>
  49. What is your favorite news site?
  50.  
  51. <script language="JavaScript1.2">
  52.  
  53. //JavaScript Graph-it! (Percentage)- by javascriptkit.com
  54. //Visit JavaScript Kit (http://javascriptkit.com) for script
  55. //Credit must stay intact for use
  56.  
  57. var graphimageP="poll.gif"
  58.  
  59. //DEFINE GRAPH VALUES [Item name, Percentage value]
  60. var graphv=new Array()
  61. graphv[0]=["CNN","28%"]
  62. graphv[1]=["MSNBC","36%"]
  63. graphv[2]=["ABC News","11%"]
  64. graphv[3]=["BBC News","25%"]
  65.  
  66. //YOU CAN DEFINE MULTIPLE GRAPHS, eg:
  67. //var graphz=new Array()
  68.  
  69.  
  70. function graphitP(g,gwidth){
  71.  
  72. outputP='<table border="0" cellspacing="0" cellpadding="0">'
  73. for (i=0;i<g.length;i++){
  74. calwidthP=gwidth*(parseInt(g[i][1])/100)
  75. outputP+='<tr><td>'+g[i][0]+' </td><td><img src="'+graphimageP+'" width="'+calwidthP+'" height="10"> '+g[i][1]+'</td></tr>'
  76. }
  77. outputP+='</table>'
  78. document.write(outputP)
  79. }
  80.  
  81. //CALL GRAPHIT FUNCTION
  82. //graphitP(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
  83. graphitP(graphv,200)
  84. </script>
  85.  
  86. <!-- END OF SCRIPT -->
  87. <!/SCRIPT>
  88.  
  89. <!PREVIEW>
  90. <!-- START OF SCRIPT -->
  91.  
  92. <!-- START OF SCRIPT -->
  93. What is your favorite news site?
  94.  
  95. <script language="JavaScript1.2">
  96.  
  97. var graphimage="poll.gif"
  98.  
  99. //DEFINE GRAPH VALUES [Item name, absolute value]
  100. var graphx=new Array()
  101. graphx[0]=["CNN",60]
  102. graphx[1]=["MSNBC",75]
  103. graphx[2]=["ABC News",24]
  104. graphx[3]=["BBC News",52]
  105.  
  106. //YOU CAN DEFINE MULTIPLE GRAPHS, eg:
  107. //var graphy=new Array()
  108.  
  109.  
  110. function graphit(g,gwidth){
  111. total=0
  112. for (i=0;i<g.length;i++)
  113. total+=parseInt(g[i][1])
  114.  
  115. output='<table border="0" cellspacing="0" cellpadding="0">'
  116. for (i=0;i<g.length;i++){
  117. calpercentage=Math.round(g[i][1]*100/total)
  118. calwidth=Math.round(gwidth*(calpercentage/100))
  119. output+='<tr><td>'+g[i][0]+' </td><td><img src="'+graphimage+'" width="'+calwidth+'" height="10"> '+calpercentage+'%</td></tr>'
  120. }
  121. output+='</table>'
  122. document.write(output+'<br>Total participants: <b>'+total+'</b>')
  123. }
  124.  
  125. //CALL GRAPHIT FUNCTION
  126. //graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
  127. graphit(graphx,200)
  128. </script>
  129. What is your favorite news site?
  130.  
  131. <script language="JavaScript1.2">
  132.  
  133. //JavaScript Graph-it! (Percentage)- by javascriptkit.com
  134. //Visit JavaScript Kit (http://javascriptkit.com) for script
  135. //Credit must stay intact for use
  136.  
  137. var graphimageP="poll.gif"
  138.  
  139. //DEFINE GRAPH VALUES [Item name, Percentage value]
  140. var graphv=new Array()
  141. graphv[0]=["CNN","28%"]
  142. graphv[1]=["MSNBC","36%"]
  143. graphv[2]=["ABC News","11%"]
  144. graphv[3]=["BBC News","25%"]
  145.  
  146. //YOU CAN DEFINE MULTIPLE GRAPHS, eg:
  147. //var graphz=new Array()
  148.  
  149.  
  150. function graphitP(g,gwidth){
  151.  
  152. outputP='<table border="0" cellspacing="0" cellpadding="0">'
  153. for (i=0;i<g.length;i++){
  154. calwidthP=gwidth*(parseInt(g[i][1])/100)
  155. outputP+='<tr><td>'+g[i][0]+' </td><td><img src="'+graphimageP+'" width="'+calwidthP+'" height="10"> '+g[i][1]+'</td></tr>'
  156. }
  157. outputP+='</table>'
  158. document.write(outputP)
  159. }
  160.  
  161. //CALL GRAPHIT FUNCTION
  162. //graphitP(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
  163. graphitP(graphv,200)
  164. </script>
  165.  
  166. <!-- END OF SCRIPT -->
  167. <!/PREVIEW>
  168.  
  169. <!RELATED>NONE<!/RELATED>